import React from "react";
import "./index.css";
import { Sticky } from "react-vant";
import Left from "./left";
const App: React.FC = () => {
    
  
  return (
    <div>
      <Sticky>
        <div className="header">
          <img className="imgs" src={require("../images/logs.png")} alt="" />
          <span className="sp">创客贴</span>
          <div className="top">
            <div>首页</div>
            <div>定制设计</div>
            <div>创客贴Al</div>
            <div>在线印刷</div>
            <div>下载APP</div>
            <div>···</div>
          </div>
          <div className="inp-top">
            <span className="img-left">
              <img
                src={require("../images/fangdajing.png")}
                alt=""
                className="fangdajing"
              />
            </span>
            <input
              type="text"
              placeholder="2个以及以上关键词描述你"
              className="inp"
            />
            <span className="icon">
              <img
                src={require("../images/xiangji.png")}
                alt=""
                className="xiangji"
              />
            </span>
          </div>
           <div className="right-div">
            <div className="right-div1">
              <img src={require("../images/vip.png")} alt="" className="Vip" />
            </div>
            <div className="right-div2">
              <img src={require("../images/API.png")} alt="" className="Api" />
            </div>
            <div className="right-div3">
                <img src={require('../images/tongzhi.png')} alt=""className="Tong" />
            </div>
           <img src={require('../images/tou.webp')} alt="" className="Tou"/>
          </div>
        </div>
      </Sticky>
      <Left></Left>
      
    </div>
  );
};

export default App;
